@import './transition.scss';
@import './svgicon.scss';
@import './theme.module.scss';
@import './flex.scss';

/* Global scss */
* {
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'Helvetica Neue',
    Helvetica,
    'PingFang SC',
    'Hiragino Sans GB',
    'Microsoft YaHei',
    Arial,
    sans-serif;
}

html {
  height: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
a:focus,
a:hover {
  color: inherit;
  outline: none;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  @include clearfix();
}

.text-center {
  text-align: center;
}

.no-padding {
  padding: 0 !important;
}

.common-layout,
.el-container {
  @include wh100();
}

.el-aside {
  height: 100%;
  border-radius: 2px;
  border-top-left-radius: 0;
  display: block;
  line-height: 32px;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.8s;
}

.el-header {
  background-color: var(--bg-color);
  transition: background-color 0.3s;
}

.el-menu {
  @include wh100();

  transition: background-color 0.3s;
  // 菜单项active时的颜色
  .el-menu-item.is-active {
    background-color: var(--hove-color) !important;
  }
  // 菜单项hover时的颜色
  .el-menu-item:hover {
    background-color: var(--hove-color) !important;
  }

  .el-menu-item:focus {
    background-color: var(--hove-color) !important;
  }

  .el-menu--horizontal {
    border-bottom-color: transparent;
  }
}

.el-scrollbar__view {
  @include wh100();
}

/* 滚动条 */
body *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  display: none;
}

body *:hover {
  ::-webkit-scrollbar {
    display: block;
  }
}

body *::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 2px;
}

body *::-webkit-scrollbar-thumb {
  background: rgb(205 206 206);
  border-radius: 8px;
}

body *::-webkit-scrollbar-thumb:hover {
  background: rgb(142 145 145);
}

body *::-webkit-scrollbar-corner {
  background: #fff;
}
